.module {
  .q-table__top,
  .q-table__bottom,
  thead tr th {
    /* bg color is important for th; just specify one */
    background-color: white;
  }

  thead tr th,
  tbody tr.columnsFilter td {
    background-color: white;
    position: sticky;
    z-index: 1;
  }

  thead tr:first-child th {
    top: 0;
  }

  tbody tr.columnsFilter td {
    top: 48px;
  }

  /* this is when the loading indicator appears */
  &.q-table--loading thead tr:last-child th {
    /* height of all previous header rows */
    top: 48px;
  }

  /* prevent scrolling behind sticky top row on focus */
  tbody {
    /* height of all previous header rows */
    scroll-margin-top: 48px;
  }

  .cellLinkHref {
    // color: $primary;
  }
}

.contextMenu {
  .contextMenuItem {
    padding-left: 6px;
    padding-right: 6px;
  }
  .contextMenuItemSection {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 8px;
    .icon {
      flex-basis: 14px;
    }
  }
}

th {
  .resizeHandle {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 8px;
    height: 100%;
    cursor: col-resize;
    background-color: rgba(0, 0, 0, 0.1);
    // visibility: hidden;
  }
}

th:hover {
  // .resizeHandle {
  //   // visibility: visible;
  // }
  border-left: 1px rgba(0, 0, 0, 0.1) solid;
  border-right: 1px rgba(0, 0, 0, 0.1) solid;
}

:global {
  .q-table--cell-separator tbody tr.columnsFilter > td {
    border-bottom-width: 1px;
  }

  .stickyCol {
    thead tr.sticky th.sticky {
      /* 设置固定列的表头颜色 */
      // background-color: white;
    }

    /** 设置被固定列的背景颜色 */
    td.sticky {
      // background-color: white;
    }
    /** 固定第一列 */
    th.sticky,
    td.sticky {
      position: sticky;
      z-index: 2;
    }

    th.sticky.left,
    td.sticky.left {
      left: 0;
    }

    th.sticky.right,
    td.sticky.right {
      right: 0;
    }
  }

  // .stickyFirst {
  //   thead tr:first-child th:first-child {
  //     /* 设置固定列的表头颜色 */
  //     background-color: white;
  //   }

  //   /** 设置被固定列的背景颜色 */
  //   td:first-child {
  //     background-color: white;
  //   }
  //   /** 固定第一列 */
  //   th:first-child,
  //   td:first-child {
  //     position: sticky;
  //     left: 0;
  //     z-index: 2;
  //   }
  // }

  // .stickyLast {
  //   thead tr:last-child th:last-child {
  //     /* 设置固定列的表头颜色 */
  //     background-color: white;
  //   }
  //   /** 设置被固定列的背景颜色 */
  //   td:last-child {
  //     background-color: white;
  //   }
  //   /** 固定最后一列 */
  //   th:last-child,
  //   td:last-child {
  //     position: sticky;
  //     right: 0;
  //     z-index: 1;
  //   }
  // }
}
